<html ng-app="soshalapp">
<head>
    <title>Soshalboard - Your Online wish list fulfilled locally</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Get deals that you want">
    <meta name="author" content="soshalboard">

	<!-- Bootstrap CSS. for Menu and other layout related stuff -->
    <link href="lib/bootstrap/2.3.2/css/bootstrap.css"   rel="stylesheet">

</head>
<body ng-controller="soshalcontroller">
	<div class="navbar navbar-inverse">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a href="#" class="brand">Soshalboard</a>

				<div class="nav-collapse collapse">
					<ul class="nav">
					  <li ng-class="navClass('home')"><a href='' ng-click="loadHome()">Home</a></li>
					  <li ng-class="navClass('user')"><a href='' ng-click="loadUser()">Wishlist</a></li>
					  <li ng-class="navClass('about')"><a href='' ng-click="loadAbout()">About Us</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div ng-view></div>
    <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2013 Soshalboard, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>

	<script src="lib/js/jquery-1.10.2.js"></script>		  
	<script src="lib/bootstrap/3.0/js/bootstrap.js"></script>
    <script src="lib/angular/angular.js"></script>
    <script src="lib/angular/angular-route.js"></script>
    <script src="lib/soshalib/soshalcontroller.js"></script>
</body>
</html>